<script lang="ts">
import {defineComponent, h} from 'vue'

/**
 * 页面占位组件,相当于<hr />
 */
export default defineComponent({
  name: "AppInterval",
  props: {
    height: {
      type: Number,
      default: 15
    },
    background: {
      type: [String, Boolean],
      default: false
    }
  },
  setup(props) {
    const style: any = {
      height: `${props.height}px`,
      background: ''
    }
    if (props.background === true) {
      style.background = 'var(--app-content-base-color)'
    } else if (props.background) {
      style.background = props.background
    }
    return () => h('div', {
      style
    })
  }
})
</script>